<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>收款打印</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <style>
        .aui-list .aui-list-header{
            font-size: 0.75rem;
            position: relative;
        }
        .aui-list .aui-list-header label{
            position:absolute;
            top: 5px;
            right: 5px;
        }
        .aui-btn {
            padding: 0 10px;
        }

        .aui-radio {
            margin-right: 10px;
        }

        .aui-list-item-inner.aui-list-item-center {
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <ul class="aui-list aui-select-list">
            <li class="aui-list-header">选择设备
                <label v-if="connect_label">{{connect_label}}</label>
            </li>
            <li v-on:click="handleOnClick(item)" class="aui-list-item" v-for="item in deviceList">
                <div class="aui-list-item-inner">
                    <label><input class="aui-radio" type="radio" name="radio"
                            v-bind:checked="item.name==form.name">{{item.name}}</label>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                    <div v-on:click="do_print()" class="aui-btn aui-btn-info aui-margin-r-5">打印</div>
                </div>
            </li>
            <li class="aui-list-item" v-if="getDeviceStatus==1">
                <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                    由于系统原因，获取打印设备列表失败，请手动关闭/打开蓝牙后再次尝试。
                </div>
            </li>
            <li class="aui-list-item" v-if="getDeviceStatus==2">
                <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                    如果没有找到打印设备，请手动关闭/打开蓝牙后再次尝试。
                </div>
            </li>
        </ul>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/printInvoice.js"></script>

</html>